Uniapp微信小程序开发:在小程序当前页面加载显示插屏广告
2022年07月23日 22:53:12 来源:心里有数-实操笔记
无论我们做什么小程序,最终目的肯定都是为了赚钱变现!那么问题就来了,目前微信小程序官方提供的小程序插屏广告,显示是有时间限制的,所以今天我们就要突破这个限。
下面直接上Uniapp的实操插屏广告代码:
1、在script的最外面一层先定义:
// 插屏广告 let interstitialAd = null;
2、正常我们进入小程序就可以调用插屏广告显示,但是一般插屏广告会提示一定时间内不能显示,所以我们就需要设置第一次进入就显示插屏广告,那么times设置0,有时候小程序有可能会提示一定时间不显示,不管它,如果报了这个错,就一直显示,直到能显示成功;如果想15s显示可以不用做这个操作;然后在onLoad中加载插屏广告,在需要显示的地方写显示插屏广告方法:
onLoad(){ this.interstitialLoad();//加载插屏广告 }, onShow(){ this.interstitialShow(0);//显示插屏广告 }, methods:{ destroyAd() { //卸载插屏广告 if (interstitialAd) { interstitialAd.destroy(); } }, interstitialLoad() { //加载插屏广告 var that = this; var id = "插屏广告id"; if (uni.createInterstitialAd) { interstitialAd = uni.createInterstitialAd({ adUnitId: id }) interstitialAd.onLoad(() => { //监听插屏广告加载事件 console.log('插屏 广告加载成功') }) interstitialAd.onError((err) => { //监听插屏错误事件 console.log('插屏 广告加载失败', err) }) interstitialAd.onClose((e) => { //监听插屏广告关闭事件 console.log('插屏 广告关闭', e) //这里可以做关闭广告后想做的操作 }) } }, interstitialShow(times) { //显示插屏广告 var that = this; setTimeout(() => { if (interstitialAd) { console.log('插屏广告正在显示....'); interstitialAd.show().catch((err) => { console.error("插屏广告显示失败:", err); switch (err.errCode) { case 2001: //打开小程序一定时间内不允许展示 that.interstitialShow(1000); break; case 2002: //距离小程序插屏广告或者激励视频广告上次播放时间间隔不足,不允许展示插屏广告 that.interstitialShow(1000); break; default: break; } }) } }, times) }, } onHide() { console.log("onHide监听页面隐藏") if (interstitialAd) { interstitialAd.destroy(); } }, onUnload() { console.log("onUnload监听页面卸载") if (interstitialAd) { interstitialAd.destroy(); } },
心里有数-实操笔记相关文章
-
iframe嵌入式第三方平台全屏自适应代码
2024/05/09心里有数-实操笔记热度(9)
iframe嵌入式第三方平台全屏自适应代码:<!DOCTYPE html><html><head> <meta charset="UTF-8"> <meta id="viewport" name=&...
-
CRM客户关系管理系统报错问题汇总(FACRM)
2024/04/09心里有数-实操笔记热度(39)
facrmCRM客户关系管理系统报错问题:1、“网络请求出错”主要是因为redis队列问题。“网络请求出错”解决方法如下:1、安装php7.4以上版本的php版本,然后安装扩展“redis”,如下图:2、安装redis队列软件,如下图:...
-
企业网站开发:iframe嵌入自适应模板,使电脑与移动手机端都正常显示方法(插入优酷视频为例)
2024/02/02心里有数-实操笔记热度(57)
iframe嵌入自适应模板,使电脑与移动手机端都正常显示方法(插入优酷视频为例)iframe嵌入通用代码,在PC上显示正常,但是在手机端的尺寸有问题,视频太宽以至于显示不全!问题原因:如上图,通用代码里默认使用了height=498width=510的高和宽固定尺寸,这时候视频的尺寸优先执行iframe里的高宽,导致PC正常,手机端视频溢出!解决办法:首先,使用通用代码的时候,复制代码后,要去除代码中的高宽属性,直接删除height=...
-
企业网站开发:通用自适应幻灯片、轮播图代码
2024/02/02心里有数-实操笔记热度(47)
来源:https://www.swiper.com.cn/demo/index.html1、分页器轮播图代码<!DOCTYPE html> <html lang="en"> <head> <meta&nbs...
-
H5如何实现唤起APP兼容版,h5跳转app打开或者下载解决方案
2024/01/13心里有数-实操笔记热度(115)
场景1:在h5页面上,不管用户是否安装过该app,都直接跳转到应用市场,让用户从应用市场上打开app。思路:这种场景处理比较简单,直接判断判断是android端还是ios端,然后在点击按钮上赋值对应终端的应用市场下载链接就可以了,在微信上打开h5页面时也不用另外处理。跳转之前,系统会默认弹出对话框问是否跳转。下图以ios端打开淘宝为例:safari内打开h5页面微信内打开h5页面具体实现:<!DOCTYPE ht...
-
企业网站开发:引用第三方ico小图标方法
2024/01/12心里有数-实操笔记热度(55)
将要引用的第三方ico小图标CDN资源地址放在网页头部head内,如下代码:<link href="//cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" />然后打开网址:https://www.thinkcmf.com/font/search/...
-
企业网站开发:网站防扒技巧
2023/12/30心里有数-实操笔记热度(65)
经常我们会发现,我们辛苦搞出来的网站,被别人看上了,扒拉了代码。所以我们就得用到防扒技巧。下面分享的这个方法相当的硬核,当浏览器判断到有人通过F12或者审查元素的行为,浏览器将自动执行关闭当前窗口的行为,并跳转置空白页。具体代码如下:<script type="text/javascript"> //判断F12审查元素 ...
-
企业网站开发:热门文章、随机文章、随机标签、热评文章通用代码
2023/12/17心里有数-实操笔记热度(149)
方法一:在include.php中添加,注意修改主题idfunction 主题ID_GetArticleCategorys($Rows,$CategoryID,$hassubcate){global $zbp;$ids = strpos($CategoryID,',') !== false ? explode(',',...
-
AI文章自动化推广系统:首尾段落模版
2023/12/14心里有数-实操笔记热度(78)
在AI自动化生成的过程中,经常需要让AI生成不同的文章开头和结尾,所以就需要给AI文章自动化推广系统内置很多不同的首尾段落模版,便于AI应用,为此特别整理了以下参考模版。模板一:最近很多客户问{输入关键词},以及{联想词},所以今天给各位分享{输入关键词}的知识,其中也会对{联想词}进行解释,如果能碰巧解决你现在面临的问题,希望可以对你有所帮助,现在开始吧!模板二:{输入关键词}推荐田文海博客,田文海(tianwenhia.com)专注...
-
AI文章自动化推广系统:文本过滤清洗词库
2023/12/14心里有数-实操笔记热度(82)
现在各大平台都开始在打击AI自动化推广系统生成的AI内容了,所以为了更好的提升AI自动化的推广优化效果,特别更新了这个“文本过滤清洗词库”:首先,<=>然而,<=>本文,<=>总结,<=>总结:<=>总结归纳,<=>概述,<=>其次,<=>首先,<=>最后,<=>因此,<=...